<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
	<head>
		<?php $this->load->view($cfg['tpl'].'public/meta')?>
	</head>

	<!-- body classes: 
			"boxed": boxed layout mode e.g. <body class="boxed">
			"pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 
	-->
	<body>
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<?php $this->load->view($cfg['tpl'].'public/header')?>

			<!-- banner start -->
			<!-- ================ -->
			<div class="banner">
				<!-- slideshow start -->
				<!-- ================ -->
				<div class="slideshow">
					
					<!-- slider revolution start -->
					<!-- ================ -->
					<div class="slider-banner-container">
						<div class="slider-banner">
							<ul>
								<?php foreach ($ad_pic as $k => $v) {?>
								<li>
								<img src="<?php echo base_url($v['imgthumb'])?>"  alt="<?=(!empty($v['title'])? $v['title'] : "") ?>" >
								</li>
								<?php }?>
							</ul>
							<div class="tp-bannertimer tp-bottom"></div>
						</div>
					</div>
					<!-- slider revolution end -->

				</div>
				<!-- slideshow end -->

			</div>
			<!-- banner end -->
			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container">

				<div class="container">
					<div class="row">
						
						<!-- sidebar start -->
						<aside class="col-md-3">
							<div class="sidebar">
								<div class="block clearfix">
									<h3 class="title">Join Cooperation</h3>
									<div class="separator"></div>
									<nav>
										<ul class="nav nav-pills nav-stacked">
											<?php foreach ($list as $k => $v) {?>
											<li <?php if ($v['articleid'] == $row['articleid']){?>class="active"<?php }?>><a href="<?php echo site_url('jiameng/index/'.$v['articleid'])?>"><?php echo $v['title']?></a></li>
											<?php }?>
										</ul>
									</nav>
								</div>
							</div>
						</aside>
						<!-- sidebar end -->

						<!-- main start -->
						<!-- ================ -->
						<div class="main col-md-8 col-md-offset-1">

							<!-- page-title start -->
							<!-- ================ -->
							<h1 class="page-title margin-top-clear"><?php echo $row['title']?></h1>
							<!-- page-title end -->
							<div class="row">
								<div class="col-md-6">
									<!--<h3>Project Description</h3>-->
									<div class="separator-2"></div>
									<p><?php echo $row['content']?></p>
								</div>
								<div class="col-md-6">
									<!-- Nav tabs -->
									<!--<ul class="nav nav-pills white space-top" role="tablist">
										<li class="active"><a href="#portfolio-images" role="tab" data-toggle="tab" title="images"><i class="fa fa-camera pr-5"></i> Photo</a></li>
										<li><a href="#portfolio-video" role="tab" data-toggle="tab" title="video"><i class="fa fa-video-camera pr-5"></i> Video</a></li>
									</ul>-->
									<!-- Tab panes -->
									<div class="tab-content clear-style">
										<div class="tab-pane active" id="portfolio-images">
											<div class="owl-carousel content-slider-with-controls">
												<?php foreach ($row['attachment'] as $k => $v) {?>
												<div class="overlay-container">
													<img src="<?=base_url($v['attachsourcepath'])?>" alt="">
													<a href="<?=base_url($v['attachsourcepath'])?>" class="popup-img" title="image title"><i class="fa fa-search-plus"></i></a>
												</div>
												<?php }?>
											</div>
										</div>
										<!--<div class="tab-pane" id="portfolio-video">
											<div class="embed-responsive embed-responsive-16by9">
												<iframe class="embed-responsive-item" src="//player.vimeo.com/video/29198414?byline=0&amp;portrait=0"></iframe>
												<p><a href="http://vimeo.com/29198414">Introducing Vimeo Music Store</a> from <a href="http://vimeo.com/staff">Vimeo Staff</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
											</div>
										</div>-->
									</div>
								</div>
							</div>
							<!--<hr>
							<div class="row">
								<div class="col-md-3 col-xs-6">
									<h3>Project Info</h3>
									<ul class="list">
										<li><strong class="vertical-divider">Client </strong> John Doe</li>
										<li><strong class="vertical-divider">Date </strong> OCT 2014</li>
										<li><strong class="vertical-divider">In </strong> Web Design</li>
										<li><strong class="vertical-divider">Place </strong> Europe</li>
										<li><strong class="vertical-divider">URL </strong> <a href="http://www.htmlcoder.me/preview/idea/v.1.0/">www.idea.com</a></li>
									</ul>
								</div>
								<div class="col-md-3 col-xs-6">
									<h3>Share This</h3>
									<div id="share"></div>
								</div>
								<div class="col-md-6 col-xs-12">
									<h3>More info</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
									<form role="form">
										<div class="form-group has-feedback">
											<input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email">
											<i class="fa fa-envelope-o form-control-feedback"></i>
										</div>
										<a href="#" class="btn btn-white margin-top-clear">Subscribe</a>
									</form>
								</div>
							</div>-->
						</div>
						<!-- main end -->

					</div>
				</div>
			</section>
			<!-- main-container end -->

			<?php $this->load->view($cfg['tpl'].'public/footer')?>

		</div>
		<!-- page-wrapper end -->
        <script>
            function init(){
                // 初始化内容
                $('p img').each(function () {
                    var url = $(this).attr('src');
                    $(this).after('<a href="<?=base_url("'+url+'")?>" class="popup-img" title="image title"><i class="fa fa-search-plus"></i></a>');
                })
            }
            init();

        </script>

	</body>
</html>
